<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = "/";
%>
<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>用户详情 基本信息</title>
  <base href="/">
  <link href="static/styles/base.css" rel="stylesheet">
  <link rel="stylesheet" href="static/ace/css/chosen.css" />
  <!-- jsp文件头和头部 -->
	<%@ include file="../../system/index/top.jsp"%>
	<!-- 日期框 -->
	<link rel="stylesheet" href="static/ace/css/datepicker.css" />
  <style>
    .user-info {
      width: 100%;
      max-width: 100%;
    }

    .user-basic-info {}

    .user-basic-info:after {
      content: '';
      display: block;
      clear: both;
    }

    .user-basic-info>div {
      float: left;
    }

    .user-headImg {
      width: 50px;
      height: 50px;
      border: 1px solid #333;
      margin-top: 20px;
      margin-left: 20px;
    }
.user-headImg img{
	width:100%;
	height:100%;	
}
    .user-name {
      font-size: 18px;
      color: #333;
      margin-left: 20px;
    }

    .user-name p:first-child {
      margin-top: 20px;
      margin-bottom: 1px;
    }

    .user-name p:last-child {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .user-info-tab {
      text-align: center;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      border: 1px solid #000;
    }

    .user-info-tab:after {
      content: '';
      display: block;
      clear: both;
    }

    .tab-list {
      width: 33.2%;
      float: left;
      border-right: 1px solid #000;
    }

    .tab-list a {
      width: 100%;
      height: 100%;
      color: #333;
      text-decoration: none;
      display: block;
    }

    .tab-list:last-child {
      border: none;
    }

    .tab-list-active a {
      background-color: #ccc;
      font-weight: bold;
    }

    iframe {
      width: 100%;
      height: 500px;
    }
    .user-count-key em{ color:red;font-style: normal;}
  </style>
</head>

<body style="background:#fff">
  <div class="user-info">
    <div class="user-basic-info">
      <div class="user-name">
       <p class="">昵称：<b>${user.petName }</b>&nbsp;&nbsp;认证姓名：<b>${user.realName }</b></p>
        <p class="">注册手机号：${user.phone }&nbsp;&nbsp; 注册时间：${user.creation_date }</p>
      </div>
    </div>
  <table class="ml20 mt20 f18">
  	<tr>
  		<td class="user-count-key" >结算日期:&nbsp;</td>
		<td class="user-count-value">
         <input class="span10 date-picker" name="startTime"
           id="startTime" value="${pd.startTime}"
           type="text" data-date-format="yyyy-mm-dd"
           style="width:88px;" placeholder="开始时间"
           title="开始时间"/>&nbsp;至&nbsp;
         <input class="span10 date-picker" name="endTime"
           id="endTime" value="${pd.endTime}" type="text"
           data-date-format="yyyy-mm-dd"
           style="width:88px;" placeholder="结束时间"
           title="结束时间"/></td>
           <td class="user-count-key" >奖励类型：&nbsp;</td>
           <td class="user-count-value">
            <select name="type" id="type"
                   style="vertical-align:top;">
                <option value="01" <c:if test="${pd.type=='01'}">selected</c:if>>直推
                </option>
                <option value="02" <c:if test="${pd.type=='02'}">selected</c:if>>间推
                </option>
                <option value="03" <c:if test="${pd.type=='03'}">selected</c:if>>见点
                </option>
                <option value="04" <c:if test="${pd.type=='04'}">selected</c:if>>粮票
                </option>
                <option value="05" <c:if test="${pd.type=='05'}">selected</c:if>>复投扣除
                </option>
                <option value="06" <c:if test="${pd.type=='06'}">selected</c:if>>手续费
                </option>
                <option value="07" <c:if test="${pd.type=='07'}">selected</c:if>>现金收入
                </option>
            </select>
        </td>
        <c:if test="${QX.cha == 1 }">
		<td style="vertical-align: top; padding-left: 2px;">
			<a class="btn btn-light btn-xs" onclick="searchs();" title="检索">
				<i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
			</a>&nbsp;&nbsp;&nbsp;
			<a class="btn btn-light btn-xs blue" onclick="reset();" title="重置">重置</a>
			<!-- <input type="button" value="重置" onclick="reset();"> -->
		</td>
	</c:if>
  	</tr>
  	<tr>
  		<td class="user-count-key pt10" colspan="5">
  		<span class="dib vm">直推总额：<em>1935</em></span>
  		<span class="dib vm">间推总额：<em>2902.00</em></span>
  		<span class="dib vm">见点总额：<em>2901.00</em></span>
  		<span class="dib vm">现金总收入：<em>90012.00</em></span>
  		</td>
  	</tr>
  </table>
  </div>
  <table id="simple-table"
		class="table table-striped table-bordered table-hover"
		style="margin-top: 5px;">
		<thead>
			<tr>
				<th class="center">时间</th>
				<th class="center">直推</th>
				<th class="center">间推</th>
				<th class="center">见点</th>
				<th class="center">粮票 (张)</th>
				<th class="center">复投扣除</th>
				<th class="center">手续费扣除</th>
				<th class="center">现金收入</th>
				<th class="center">操作</th>
			</tr>
		</thead>
		<tbody>
			<!-- 开始循环 -->
			<c:choose>
				<c:when test="${not empty activityList}">
					<c:if test="${QX.cha == 1 }">
						<c:forEach items="${activityList}" var="user" varStatus="vs">
							<tr>
								<td class='center'>${user.userId}</td>
								<td class="center">${user.petName }</td>
								<td class="center">${user.phone }</td>
								<td class="center">${user.direct }&nbsp;人</td>
								<td class="center">${user.indirect }&nbsp;人</td>
								<td class="center">v${user.grade }</td>
								<td class="center">${user.repeat_number }&nbsp;张</td>
								<td class="center">${user.income }</td>
                                                     <td class="center">
                                                     <c:if test="${user.time == null}">-</c:if>
                                                     <c:if test="${user.time != null}">${user.time}</c:if>
                                                     </td>
								<td class="center"><c:if
										test="${QX.edit != 1 && QX.del != 1 }">
										<span
											class="label label-large label-grey arrowed-in-right arrowed-in"><i
											class="ace-icon fa fa-lock" title="无权限"></i></span>
									</c:if>
									<div class="hidden-sm hidden-xs btn-group">
										<c:if test="${QX.cha == 1 }">
											<a class="btn btn-xs" 
												onclick="details('${user.userId }');">
												用户详情
											</a>
										</c:if>
									</div>
									<div class="hidden-md hidden-lg">
										<div class="inline pos-rel">
											<button
												class="btn btn-minier btn-primary dropdown-toggle"
												data-toggle="dropdown" data-position="auto">
												<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
											</button>
											<ul
												class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
											
											
											</ul>
										</div>
									</div></td>
							</tr>
						</c:forEach>
					</c:if>
					<c:if test="${QX.cha == 0 }">
						<tr>
							<td colspan="100" class="center">您无权查看</td>
						</tr>
					</c:if>
				</c:when>
				<c:otherwise>
					<tr class="main_info">
						<td colspan="100" class="center">没有相关数据</td>
					</tr>
				</c:otherwise>
			</c:choose>
		</tbody>
	</table>

  <%@ include file="../../system/index/foot.jsp"%>
	<!-- 删除时确认窗口 -->
	<script src="static/ace/js/bootbox.js"></script>
	<!-- ace scripts -->
	<script src="static/ace/js/ace/ace.js"></script>
	<!-- 日期框 -->
	<script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
	<!-- 下拉框 -->
	<script src="static/ace/js/chosen.jquery.js"></script>
	<!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
</body>

  <script type="text/javascript">
  $(top.hangge());
  $(function(){
	  $('.date-picker').datepicker({autoclose: true,todayHighlight: true});
  })
    
  </script>

</html>
